<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0211-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog._title | translate"></div>
        <!--More Menu-->

        <!--Close button-->
        <div class="kmi-side-btn right" ng-click="dialog.hide();">
            <img src="image/icons/clear.png" />
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" style="flex: 1">
        <!--Page-->
        <div class="kmi-layout-page">
            <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="B0211" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(2, auto 1fr)">
                <label class="label" ng-show="dialog._event['machine.machine_display'].isShown != 'N'" style="" ng-bind="'B0211.columns.machine.machine_display' | translate"></label>
                <div class="value" ng-show="dialog._event['machine.machine_display'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="dialog.machine.machine_display" mdl-toast="{{dialog.machine.machine_display}}" mdl-toast-passive="true"></label></div>
                <div class="kmi-text-fields" style="flex: 1 1 0%; grid-column-start: span 2" item-name="machine_status">
                    <label class="label" ng-bind="'B0211.machine_status' | translate" style="padding-right: 14px"></label>
                    <label class="value" style="flex: initial" ng-bind="'common.machine.status.'+dialog.machine.machine_status | translate"></label>
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-show="dialog.showMaintainOrder();" style="width: 24px; margin-right: 6px; background: #1ab7cd; border-radius: 4px; margin-left: 8px">
                        <img src="image/icons/mould.png" />
                        <div class="kmi-can-click" ng-click="dialog.openMaintainOrder();"></div>
                    </button>
                </div>
                <label class="label" ng-show="dialog._event['machine_runtime'].isShown != 'N'" style="" ng-bind="'B0211.columns.machine_runtime' | translate"></label>
                <div class="value" ng-show="dialog._event['machine_runtime'].isShown != 'N'" style=""><label class="value" ng-bind="dialog.machine.machine_runtime" mdl-toast="{{dialog.machine.machine_runtime}}" mdl-toast-passive="true"></label></div>
                <div item-name="remark_name" class="kmi-text-fields" ng-if="dialog.machine.machine_status!=0 &amp;&amp; dialog.machine.machine_status!=1 &amp;&amp;dialog.flag&amp;&amp;dialog.machine.machine_status!=4" style="grid-column-start: span 4">
                    <label class="label" ng-bind="('common.machine.status.'+dialog.machine.machine_status | translate)+('B0211.reason' | translate)"></label>
                    <input class="value" ng-model="dialog.remark_name" readonly="readonly" ng-click="dialog.changeRemark();" />
                    <div class="tip"><i class="material-icons"></i></div>
                </div>
                <div class="kmi-text-fields" item-name="have_reason" ng-class="{'hide-content':dialog.have_reason != '1'}" style="grid-column-start: span 4">
                    <label class="label" style="padding-right: 14px" ng-bind="('common.machine.status.'+dialog.machine_status | translate)+('B0211.reason' | translate)"></label>
                    <!--<label class="value" ng-bind="dialog.remark_name"></label>-->
                    <input class="value" ng-model="dialog.remark_name" readonly="readonly" ng-click="dialog.changeRemark();" />
                    <div class="tip"><i class="material-icons"></i></div>
                </div>
                <label class="label" ng-show="dialog._event['handle_user_no'].isShown != 'N'" style="" ng-bind="'B0211.columns.handle_user_no' | translate"></label>
                <div class="value" ng-show="dialog._event['handle_user_no'].isShown != 'N'" style="">
                    <input type="text" readonly="" ng-model="dialog.handle_user_no" ng-click="dialog._event['handle_user_no'].click(dialog.handle_user_no, {event:$event});" ng-disabled="dialog._event['handle_user_no'].isDisabled == 'Y'" />
                    <div class="tip">
                        <img src="image/icons/search.png" />
                    </div>
                </div>
                <label class="label" ng-show="dialog._event['plan_start_time'].isShown != 'N'" style="" ng-bind="'B0211.columns.plan_start_time' | translate"></label>
                <div class="value" ng-show="dialog._event['plan_start_time'].isShown != 'N'" style="">
                    <input class="date" type="text" readonly="" ng-model="dialog.plan_start_time[0]" ng-click="dialog._event['plan_start_time'].click(dialog.plan_start_time, {event:$event});" ng-disabled="dialog._event['plan_start_time'].isDisabled == 'Y'" />
                    <input class="time" type="text" readonly="" ng-model="dialog.plan_start_time[1]" ng-click="dialog._event['plan_start_time'].click(dialog.plan_start_time, {event:$event});" ng-disabled="dialog._event['plan_start_time'].isDisabled == 'Y'" />
                </div>
                <label class="label" ng-show="dialog._event['remarks'].isShown != 'N'" style="grid-row-start: span 2" ng-bind="'B0211.columns.remarks' | translate"></label>
                <div class="value" style="grid-row-start: span 2; grid-column-start: span 3" ng-show="dialog._event['remarks'].isShown != 'N'">
                    <textarea undefined="" ng-model="dialog.remarks" ng-disabled="dialog._event['remarks'].isDisabled == 'Y'"></textarea>
                </div>
                <div item-name="B0211_Button" style="grid-column-start: span 2">
                    <div class="btn-panel" style="padding-top: 100px">
                        <div class="kmi-button kmi-button-confrim" ng-class="{'is-select':dialog.machine_status == item.code}" style="width: 100px; margin: 10px" ng-repeat="item in dialog.status_item track by $index">
                            <i class="material-icons">done</i>
                            <label ng-bind="'B0211.machine.status.'+item.code | translate"></label>
                            <div class="kmi-can-click" ng-click="dialog.changeStatus(item);"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mdd-button-tool">
                <div class="tool-bar">
                    <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['Execute'].isDisabled == 'Y'" ng-hide="dialog._fn['Execute'].isShown == 'N'" style="width: 100px">
                        <label>{{'B0211.funcs.Execute' | translate}}</label>
                        <div class="kmi-can-click" ng-click="dialog._fn['Execute'].click('Execute');"></div>
                    </div>
                </div>
                <div class="tool-bar" style="justify-content: flex-end"></div>
            </div>
        </div>
    </div>
</div>
